<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script>
			$(function(){
				//
				$("div h2:eq(3)").css("border","10px dotted red");
				$("div h2:first").css("color","red");
				$("div h2:not(.c1)").css("font-size","60px");
				$("div h2:odd").css("background-color","blue");
				$("h2:has(a)").css("background-color","yellow");
			});
		</script>
	</head>
	<body>
		<div>
			<h2>WE chang lives</h2>
			<h2>WE chang lives</h2>
			<h2>WE chang lives</h2>
			<h2 class="c1">WE chang lives</h2>
			<h2>WE chang lives</h2>
			<h2>WE chang lives</h2>
			<h2>WE chang lives</h2>
			<h2><a href="#">bdqn</a>WE chang lives</h2>
		</div>
	</body>
</html>
